<template>
  <div class="dashboard-editor-container">
    <!-- 公告 -->
    <div class="notice-box">
      <notice />
    </div>
    <!-- 总概 -->
    <div class="show-data">
      <overview />
    </div>
    <!-- 采购总概 -->
    <div class="procurement-box">
      <el-row type="flex" justify="space-between" class="row-bg">
        <el-col :span="7" style="margin-right:10px">
          <todoList />
        </el-col>
        <el-col :span="17">
          <div class="chart_view">
            <!-- <div style="padding-left:50px;margin-bottom:10px"><btnGroup title="" :btn-list="btnList" :current-btn-active="btnActive" @change="selectChange" /></div> -->
            <mapChart id="procurement_echart" heights="500px" />
          </div>
        </el-col>
      </el-row>
    </div>

  </div>
</template>
<script>
import overview from './components/overview'
import mapChart from '@/components/Echart/map'
import notice from '../common/notice'
import todoList from './components/TodoList'
// import { logisticsEchartData } from '@/api/data'
// import formDate from '@/utils/formatDate'
export default {
  name: 'DashboardProcurement',
  components: {
    overview, mapChart, notice, todoList
  },
  data() {
    return {

    }
  },
  created() {

  },
  methods: {

  }
}
</script>
<style scoped lang='scss'>
  .show-data{
    margin-top: 10px;
    border-radius: 5px;
    background: white;

  }
  .procurement-box{
     margin-top: 10px;
     border-radius: 5px;

  }
  .chart_view,.todoList{
    padding:20px;
    background: white;
    height: 560px;
  }
  .list_title{
    font-weight: bold;
  }
  .list_item li{
    border: 1px solid #eee;
    padding: 10px 15px;
    list-style-type:none;
    margin-bottom: 10px;
    cursor:pointer;
  }
  .right_span{float:right;}
</style>
